<template>
	<view class="step">
		<image mode="widthFix" style="background-color: #eeeeee;width: 100%;" class="img" :src="step.image"></image>
		<text class="step_number">{{step.position}}</text>
		<!-- <text v-html="text" class="text"></text> -->
		<text class="text">{{step.content}}</text>
	</view>
</template>

<script>
	export default {
		name:"MenuDetailStepList",
		props:["step"],
		data() {
			return {
			};
		},
		
	}
</script>

<style lang="less">
.step{
	margin-top: 15px;
	padding: 0 15px;
	.step_number{
		font-weight: 600;
	}
	.text{
		display: inline;
		margin-left: 5px;
	}
}
</style>
